<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./lib/vue.js"></script>
</head>
<body>
    <div id="app">
        <input type="button" value="浪起来" @click="lang" >
        <input type="button" value="低调">
        <h4>{{ msg }}</h4> 
        </div>

        <script>
            new Vue({
                el:'#app',
                data: {
                    msg:"嘉怡最棒！！！！！欧耶.........."

                },
                methods:{
                    lang(){
                       // var _this=this
                        setInterval(()=> {
                            var start=this.msg.substring(0,1)

                            var end=this.msg.substring(1)

                            this.msg =end + start

                        },400)
                    }
                }
               
            })

            </script>
    
</body>
</html>